<template>
	<div class="videoDisplaySwiper">
		<table>
			<tr class="t_Title">
				<td colspan="5">体检明细</td>
			</tr>
			<tr class="t_Header">
				<td width="10%">项目类别</td>
				<td width="10%">项目名称</td>
				<td width="60%">项目内容</td>
				<td width="10%">检查结果</td>
				<td width="10%">诊断结果</td>
			</tr>
			<!-- *******************一般项目 专科检查******************************* -->
			<tr>
				<td rowspan="4" class="blod">一般项目 专科检查</td>
				<td>一般情况</td>
				<td>身高、体重、体重指数(BMI)、血压。</td>
				<td>
					<el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select>
				</td>
				<td>/</td>
			</tr>
			<tr>
				<td>内科检查</td>
				<td>内科一般检查。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>/</td>
			</tr>
			<tr>
				<td>外科检查</td>
				<td>皮肤、浅表淋巴结、甲状腺、乳腺、脊柱、下肢血管、四肢及关节。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>/</td>
			</tr>
			<tr>
				<td>眼科常规检查 （含裂隙灯、眼底）</td>
				<td>眼科检查：角膜、晶状体、玻璃体、眼底等。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>/</td>
			</tr>
			<!-- ****************心电图********************************** -->
			<tr>
				<td class="blod">心电图</td>
				<td>心电图12导</td>
				<td>12导心电图机记录和分析心电生理变化。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- *****************彩超********************************* -->
			<tr>
				<td rowspan="3" class="blod">彩超</td>
				<td>颈动脉彩超</td>
				<td>诊断颈动脉病变的有效方法。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>甲状腺彩超</td>
				<td>显示甲状腺形态及结构诊断甲状腺病变。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>腹部彩超</td>
				<td>肝、胆、胰、脾、双肾。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- **************深度体检 项目************************************ -->
			<tr>
				<td rowspan="3" class="blod">深度体检 项目</td>
				<td>DR颈椎侧位</td>
				<td>颈椎侧位DR，有无生理曲度的改变，骨质增生的增生程度，椎间隙是否狭窄，颈椎前/后韧带是否出现钙化等。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>DR（肺部）</td>
				<td>肺部检查。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>经颅多普勒</td>
				<td>脑彩超。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- **************实验室项目************************************ -->
			<tr>
				<td rowspan="22" class="blod">实验室项目</td>
				<td>尿常规</td>
				<td>尿常规十项检查。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>血常规 （三分类）</td>
				<td>血常规检查。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>空腹血糖</td>
				<td>早期发现糖尿病及评价糖尿病治疗效果。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>血型</td>
				<td>A、B、O血型检测</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td rowspan="3">病毒三项</td>
				<td>丙肝</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>艾滋病</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>梅毒</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- ************************************************** -->
			<tr>
				<td>乙肝5项（定性）</td>
				<td>HBsAg、抗-HBs、HBeAg、抗-HBe、抗-HBc。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>幽门螺杆菌检测</td>
				<td>检查提示胃炎及胃溃疡是否由幽门螺旋杆菌感染。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>肝功12项</td>
				<td>丙氨酸氨基转移酶（ALT）、天门冬氨酸氨基转氨酶（AST）、γ-谷氨酰基转移酶（GGT）、
					碱性磷酸酶（ALP）、总蛋白（TPO）、白蛋白（ALB）、球蛋白（GLO）、白蛋白/球蛋白（A/G）、
					总胆红素（TBIL）、直接胆红素（DBIL）、
					间接胆红素（IBIL）、淀粉酶测定、酰苷脱氨酶测定。
				</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- **************肾功能4项************************************ -->
			<tr>
				<td rowspan="4">肾功能4项</td>
				<td>尿素（Urea）。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>肌酐（Cr）。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>微球蛋白</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>尿酸（UA）。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- **************血脂6项************************************ -->
			<tr>
				<td rowspan="6">血脂6项</td>
				<td>总胆固醇(TC)。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>甘油三酯（TG）。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>载脂蛋白A</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>载脂蛋白B</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>高密度脂蛋白(HDL-C)。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>低密度脂蛋白(LDL-G)。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>

			<!-- ************************************************** -->
			<tr>
				<td>心肌酶2项</td>
				<td>肌酸激酶(CK)、肌酸激酶同工酶（CK-MB)用于心肌埂塞，心肌炎，肌肉损伤等辅助诊断。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>血沉</td>
				<td>红细胞间聚集性的指标，可以反映身体内部的某些疾病。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<!-- **************男性项目************************************ -->
			<tr>
				<td rowspan="3" class="blod"  style="background-color: deepskyblue;">男性项目</td>
				<td>男性肿瘤2项</td>
				<td>癌胚抗原(CEA)：原发性及继发性肝癌、畸胎瘤、睾丸癌
					甲胎蛋白(AFP)：肺癌、肠癌的首选标志物、也可用于乳腺、消化道、子宫等系统肿瘤。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>前列腺彩超</td>
				<td>前列腺。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>泌尿系彩超</td>
				<td>检查输尿管、膀胱、肾脏疾病。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>


			<!-- **************女性项目************************************ -->
			<tr>
				<td rowspan="5" class="blod"  style="background-color:hotpink;">女性项目</td>
				<td>女性肿瘤2项</td>
				<td>癌胚抗原(CEA)肺癌：肠癌的首选标志物、也可用于乳腺、消化道、子宫等系统肿瘤早期诊断
					甲胎蛋白(AFP)：原发性及继发性肝癌、畸胎瘤。 </td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>乳腺彩超</td>
				<td>双侧乳腺及周边淋巴结检查。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>盆腔彩超</td>
				<td>子宫、附件等。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>妇科一般检查</td>
				<td>外阴、阴道、宫颈、子宫体、附件。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>
			<tr>
				<td>宫颈液基薄层 细胞学检测（TCT）*</td>
				<td>宫颈癌早期诊断。</td>
				<td><el-select v-model="value" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select></td>
				<td>-</td>
			</tr>

			<!-- ***************其他*********************************** -->
			<tr>
				<td rowspan="2" class="blod">其他</td>
				<td>卫材费</td>
				<td>一次诊单、抽血针、针管、一次性手套等。</td>
				<td>-</td>
				<td>-</td>
			</tr>
			<tr>
				<td>营养早餐</td>
				<td>自助式早餐。</td>
				<td>-</td>
				<td>-</td>
			</tr>


		</table>
	</div>
</template>

<script>
	import Vuex from 'vuex'
	// 导入您需要的模块
	import Swiper from "swiper";
	export default {
		name: 'Products',
		props: {
			sectionHeight: Number
		},
		components: {},
		created() {
			this.bindVideoDisplayList().then(i => {
				this.initProductSwiper()
			});
		},
		mounted() {

			// this.getMenuList();
		},
		data() {
			return {
				videoDisplaySlideList: [],
				options: [{
					value: '选项1',
					label: '正常'
				}, {
					value: '选项2',
					label: '异常'
				}],
				value: ''
			}
		},
		methods: {
			bindVideoDisplayList() {
				return new Promise((resolve, reject) => {
					// 请求表格数据
					let params = {};
					let that = this;
					this.$request.videoDisplayList(params).then(res => {
						if (res && res.data) {
							this.videoDisplaySlideList = res.data
						}
						resolve();
					}).catch((error) => {
						console.log(error)
					})
				})
			},
			initProductSwiper() {
				this.videoDisplaySlideSwiper = new Swiper('.swiper-container', {
					loop: true,
					autoplay: {
						delay: 4000,
						stopOnLastSlide: false,
						disableOnInteraction: true,
					},
				});
			},
		},
		beforeDestroy() {

		},
		watch: {

		}
	};
</script>

<style scoped>
	table {
		border-collapse: collapse;
		width: 70%;
		margin: 0 auto;
	}

	td {
		text-align: center;
		word-wrap: break-word;
		border: 1px solid #bfbfbf;
		padding: 0px 5px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}

	.t_Title td {
		height: 40px;
		font-weight: bold;
		font-size: 20px !important;
		line-height: 40px;
	}

	.t_Header td {
		height: 40px;
		font-weight: bold;
		font-size: 16px !important;
		line-height: 40px;
	}

	.blod {
		font-weight: bold;
	}

	.el-select .el-input--suffix .el-input__inner {
		text-align: center !important;
		border: 0px !important;
	}
</style>
